/* block 1 */
                    .block-tl-wrap {
                        height: 690px;
                    }
                    .block-tl {
                        display: flex;
                        text-align: center;
                        height: 690px;
                        flex-direction: column;
                        align-items: center;
                        background-repeat: no-repeat;
                        background-size: 2560px 690px;
                        background-position: center;
                        margin-bottom: 24px;
                    }
                    .block-tl.block-tl-ty1 {
                        justify-content: flex-start;
                    }
                    .block-tl .title {
                        font-size: 42px;
                        line-height: 1.3;
                        margin-top: 72px;
                        margin-bottom: 24px;
                        overflow: hidden;
                        width: 900px;
                        max-height: 112px;
                    }
                    .block-tl .sub-title {
                        font-size: 18px;
                        margin-bottom: 24px;
                        line-height: 1.3;
                        overflow: hidden;
                        width: 900px;
                        max-height: 48px;
                    }

                    .block-tl.block-tl-ty2 {
                        justify-content: flex-end;
                    }
                    .block-tl.block-tl-ty2 .title {
                        margin-top: 24px;
                        margin-bottom: 0px;
                    }
                    .block-tl.block-tl-ty2 .sub-title {
                        margin-bottom: 72px;
                        margin-top: 24px;
                    }
                    .block-tl-img {
                        position: absolute;
                        width: 490px;
                        height: 490px;
                        object-fit: cover;
                    }
                    .block-tl-flex {
                        flex: 1;
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        width: 100%;
                    }
                    @media screen and (max-width: 1279px) and (min-width: 1024px) {
                        .block-tl-wrap {
                            height: 552px;
                        }
                        .block-tl {
                            height: 552px;
                            margin-bottom: 20px;
                        }
                
                        .block-tl .title {
                            margin-top: 60px;
                            margin-bottom: 20px;
                        }
                        .block-tl .sub-title {
                            margin-bottom:20px;
                        }

                        .block-tl.block-tl-ty2 .title {
                            margin-top: 20px;
                            margin-bottom: 0px;
                        }
                        .block-tl.block-tl-ty2 .sub-title {
                            margin-top: 20px;
                            margin-bottom: 60px;
                        }
                    }
                    @media screen and (max-width: 1023px) {
                        /* block 1 */
                        .block-tl-wrap {
                            height: 90.6vw;
                        }
                        .block-tl {
                            height: 90.6vw;
                            margin-bottom: 3.1vw;
                            background-size: 100vw 90.6vw;
                        }
                        .block-tl .title {
                            font-size: 1rem;
                            line-height: 1.325rem;
                            max-height: 2.65rem;
                            margin-top: 9.4vw; 
                            margin-bottom: 1.9vw; 
                            width: 56.25vw;
                        }
                        .block-tl .sub-title {
                            font-size: 0.6rem;
                            line-height: 0.8rem;
                            max-height: 1.6rem;
                            margin-bottom: 3.1vw;
                            margin-top: 0px;
                            width: 56.25vw;
                        }

                        .block-tl.block-tl-ty2 .title {
                            margin-top: 3.1vw;
                            margin-bottom: 0px;
                        }
                        .block-tl.block-tl-ty2 .sub-title {
                            margin-bottom: 9.4vw;
                            margin-top: 1.9vw;
                        }
                        .block-tl-img {
                            width: 50vw;
                            height: 50vw;
                            object-fit: cover;
                        }
                }/* block 2 */
                    .block-bl {
                        width: 1260px;
                        margin: 0px auto;
                        text-align: center;
                        display: flex;
                        margin-bottom: 24px;
                    }
                    .block-item-wrap {
                        height: 456px;
                        position: relative;
                    }
                    .block-item {
                        height: 456px;
                        margin-left: 24px;
                        border-radius: 32px;
                        background-repeat: no-repeat;
                        background-size: cover;
                        background-position: center;
                        display: flex;
                        align-items: center;
                        flex-direction: column;
                        transition: transform 0.3s;
                    }
                    .block-item.hover:hover {
                        transform: scale(1.01);
                        box-shadow: 2px 4px 16px #00000029; 
                    }
                    .block-bl .block-item:nth-child(1) {
                        margin-left: 0px;
                    }
                    .block-bl .block-item-1 {
                        width: 100%;
                    }
                    .block-bl .block-item-1 .title {
                        width: 900px;
                    }
                    .block-bl .block-item-2 {
                        width: calc((100% - 24px) / 2);
                    }
                    .block-bl .block-item-2 .title {
                        width: 500px;
                    }
                    .block-bl .block-item-3 {
                        width: calc((100% - 48px) / 3);
                    }
                    .block-bl .block-item-3 .title {
                        width: 300px;
                    }
                    .block-bl .block-item-4 {
                        width: calc((100% - 72px) / 4);
                    }
                    .block-bl .block-item-4 .title {
                        width: 220px;
                    }
                    .block-bl .title {
                        font-size: 42px;
                        line-height: 1.3;
                        margin-top: 32px;
                        margin-bottom: 20px;
                        max-height: 112px;
                        overflow: hidden;
                    }
                    .block-bl .sub-title {
                        font-size: 18px;
                        margin-bottom: 20px;
                        line-height: 1.3;
                        max-height: 48px;
                        overflow: hidden;
                    }
                    .block-item-anim {
                        display: flex;
                        align-items: center;
                        flex-direction: column;
                        overflow: hidden;
                    }
                @media screen and (max-width: 1279px) and (min-width: 1024px) {
                    .block-bl {
                        width: 1002px;
                    }
                    .block-item-wrap {
                        height: 353px;
                    }
                    .block-item {
                        height: 353px;
                        margin-left: 20px;
                        border-radius: 24px;
                    }
                    .block-bl .block-item-1 .title, .block-bl .block-item-1 .sub-title {
                        width: 740px;
                    }
                    .block-bl .block-item-2 .title, .block-bl .block-item-2 .sub-title {
                        width: 420px;
                    }
                    .block-bl .block-item-3 .title, .block-bl .block-item-3 .sub-title {
                        width: 260px;
                    }
                    .block-bl .block-item-4 .title, .block-bl .block-item-4 .sub-title {
                        width: 180px;
                    }
                }
                @media screen and (max-width: 1023px) {
                    .block-bl {
                        width: 90.6vw;
                        margin: 0 4.7vw 2.35vw 4.7vw;
                        display: block;
                        margin-bottom: 3.1vw;
                    }
                    .block-item {
                        height: 90.6vw;
                        border-radius: 1.125rem;
                        margin-left: 0px;
                        margin-top: 3.1vw;
                    }
                    .block-bl .block-item-1,
                    .block-bl .block-item-2,
                    .block-bl .block-item-3,
                    .block-bl .block-item-4 {
                        width: 100%;
                    }
                    .block-bl .title, .block-bl .block-item-2 .title, .block-bl .block-item-3 .title, .block-bl .block-item-4 .title {
                        font-size: 1rem;
                        line-height: 1.325rem;
                        max-height: 2.65rem;
                        margin-top: 9.4vw;
                        margin-bottom: 1.9vw;
                        width: 56.25vw;
                    }
                    .block-bl .sub-title, .block-bl .block-item-2 .sub-title, .block-bl .block-item-3 .sub-title, .block-bl .block-item-4 .sub-title {
                        font-size: 0.6rem;
                        line-height: 0.8rem;
                        max-height: 1.6rem;
                        margin-bottom: 1.9vw;
                        text-wrap: wrap;
                        width: 56.25vw;
                    }
                }